// sidebar
$menuText: #303133; // 菜单文字颜色
$menuActiveText: #4D4DC5; // 菜单激活颜色
$subMenuActiveText: #4D4DC5; // 二级菜单激活后父菜单颜色

$menuBg: #fff; // 菜单背景
$menuHover: #d6d6ff; // 菜单hover背景

$subMenuBg: #F2F5FC7a; // 二级菜单背景
$subMenuHover: #d6d6ff; // 二级菜单hover背景

$leftBarWidth: 56px; // 左侧菜单宽度

$sideBarWidth: 240px; // 菜单宽度


$mainBg: #EEF0F5; // 页面主体背景色

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
  leftBarWidth: $leftBarWidth;
}